<!-- Nav tabs -->
<div class="row-fluid clearfix head-block">
	<img class="pull-left" src="http://www.upbeat.vn/data/logo/small/logo_13917814872600.png" />
	<h4 class="pull-left line-0">
		Nơi Niềm Vui Bắt Đầu</h4>
</div>
<ul class="custom-nav row-fluid">
	<li class="active" data-toggle="tab" href="#tab-1">
		UPBEAT L&Agrave; G&Igrave;?</li>
	<li data-toggle="tab" href="#tab-2">
		ĐỘI NGŨ UPBEAT</li>
	<li data-toggle="tab" href="#tab-3">
		LI&Ecirc;N HỆ</li>
</ul>
<!-- Tab panes -->
<div class="tab-content custom-tab">
	<div class="tab-pane active" id="tab-1">
		<div class="row-fluid clearfix bg-darkkhaki">
			<h4>
				TẤT CẢ L&Agrave; NIỀM VUI</h4>
			Ch&uacute;ng t&ocirc;i gi&uacute;p bạn kh&aacute;m ph&aacute; những niềm vui đ&oacute; bằng một c&aacute;ch mới mẻ v&agrave; độc đ&aacute;o.Ch&uacute;ng t&ocirc;i mong muốn cuộc sống của bạn trở n&ecirc;n phong ph&uacute;.<br />
			Đ&oacute; l&agrave; l&iacute; do Upbeat.vn ra đời, nhằm gi&uacute;p bạn tho&aacute;t khỏi v&ograve;ng tr&ograve;n nh&agrave;m ch&aacute;n của cuộc sống, v&agrave; kh&aacute;m ph&aacute; những điều mới lạ, người th&uacute; vị để rồi bạn c&oacute; thể c&oacute; cảm hứng kh&aacute;m ph&aacute; lại cuộc sống của ch&iacute;nh m&igrave;nh.</div>
		<div class="row-fluid clearfix bg-darkseagreen">
			<h4>
				NƠI DỪNG CH&Acirc;N ĐẦU TI&Ecirc;N V&Agrave; DUY NHẤT CHO NHỮNG HOẠT ĐỘNG GIẢI TR&Iacute; CỦA BẠN</h4>
			Upbeat.vn sẽ l&agrave; cầu nối để đem tất cả hoạt động giải tr&iacute; đến gần hơn với bạn<br />
			Ch&uacute;ng t&ocirc;i tập hợp tất cả những sự kiện hoạt động giải tr&iacute; trong th&agrave;nh phố của bạn, v&agrave; đăng ch&uacute;ng l&ecirc;n upbeat.vn. Bạn sẽ kh&ocirc;ng cần phải bỏ thời gian v&agrave; c&ocirc;ng sức ra để t&igrave;m kiếm giải tr&iacute; nữa. Chỉ cần truy cập upbeat.vn v&agrave; tất cả sẽ c&oacute; sẵn đợi chờ bạn lựa chọn.<br />
			Th&ecirc;m v&agrave;o đ&oacute;, ch&uacute;ng t&ocirc;i t&igrave;m kiếm những hoạt động mới lạ, độc đ&aacute;o để giới thiệu cho c&aacute;c bạn, để c&aacute;c bạn c&oacute; thể kh&aacute;m ph&aacute; th&ecirc;m những niềm vui mới.<br />
			Tất cả hoạt động được cập nhật theo lịch tr&igrave;nh 7 ng&agrave;y, v&igrave; thế bạn c&oacute; thể dễ d&agrave;ng đưa ra kế hoạch giải tr&iacute; cho cả tuần</div>
		<div class="row-fluid clearfix bg-yellowgreen">
			<h4>
				DỄ D&Agrave;NG V&Agrave; AN TO&Agrave;N HƠN BAO GIỜ HẾT</h4>
			Th&ocirc;ng tin c&aacute; nh&acirc;n v&agrave; giao dịch của bạn sẽ được giữ an to&agrave;n v&agrave; bảo mật<br />
			Niềm vui của bạn l&agrave; mục đ&iacute;ch cuối c&ugrave;ng của ch&uacute;ng t&ocirc;i. V&igrave; thế mỗi ng&agrave;y ch&uacute;ng t&ocirc;i kh&ocirc;ng ngừng ph&aacute;t triển để cung cấp những dịch vụ trọn g&oacute;i tốt nhất cho cuộc vui của bạn, để lại những g&igrave; bạn chỉ cần l&agrave;m l&agrave; thư gi&atilde;n v&agrave; vui chơi</div>
	</div>
	<div class="company-group-wrapper tab-pane text-center" id="tab-2">
		<div class="company-group">
			<img src="http://upbeat.vn/data/team/Duy.jpg" />
			<div class="hover-content">
				<span class="name">Duy Truong</span><br />
				CEO &amp; Co-Founder<br />
				University of Massachusetts</div>
		</div>
		<div class="company-group">
			<img src="http://upbeat.vn/data/team/DiemMy.jpg" />
			<div class="hover-content">
				<span class="name">Diem My 9x</span><br />
				VP of Communication<br />
				Foreign Trade University, HCM</div>
		</div>
		<div class="company-group">
			<img src="http://upbeat.vn/data/team/Duc.jpg" />
			<div class="hover-content">
				<span class="name">Duc Phan</span><br />
				VP of Marketing &amp; Co-founder<br />
				University of California, Irvine</div>
		</div>
		<div class="company-group">
			<img src="http://upbeat.vn/data/team/LinhTran.jpg" />
			<div class="hover-content">
				<span class="name">Linh Tran</span><br />
				Chief of Operation<br />
				Seattle University</div>
		</div>
		<div class="company-group">
			<div class="hover-content x-person">
				<span class="name">?</span><br />
				Bạn Muốn Ứng Tuyển</div>
		</div>
		<div class="company-group">
			<img src="http://upbeat.vn/data/team/Hai.jpg" />
			<div class="hover-content">
				<span class="name">Hai Hoang</span><br />
				Product Manager<br />
				Law University, HCM</div>
		</div>
		<div class="company-group">
			<img src="http://upbeat.vn/data/team/Tido.jpg" />
			<div class="hover-content">
				<span class="name">Tido Nguyen Luong</span><br />
				Content Executive</div>
		</div>
		<div class="company-group">
			<img src="http://upbeat.vn/data/team/Quang.jpg" />
			<div class="hover-content">
				<span class="name">Quang Tran</span><br />
				Marketing Manager<br />
				San Francisco State University</div>
		</div>
		<div class="company-group">
			<img src="http://upbeat.vn/data/team/Nghia.jpg" />
			<div class="hover-content">
				<span class="name">Nghia Ngo</span><br />
				Photographer and Editor<br />
				National University, Informatics College, HCM</div>
		</div>
	</div>
	<div class="tab-pane" id="tab-3">
		<div class="row-fluid" id="contact-block">
			<div class="contact-form col-xs-6">
				<div class="row-fluid">
					<form action="http://localhost/upbeat/booking/site/contact" id="contact-form">
						<h5>
							Họ t&ecirc;n</h5>
						<input class="col-xs-12 " id="contact-name" name="contact[name]" placeholder="Vui lòng nhập họ tên" required="" type="text" />
						<h5>
							Email</h5>
						<input class="col-xs-12 " name="contact[email]" placeholder="Vui lòng nhập email" required="" type="email" />
						<h5>
							Chủ đề</h5>
						<input class="col-xs-12 bt-none" name="contact[subject]" placeholder="Vui lòng nhập chủ đề" required="" type="text" />
						<h5>
							Nội dung</h5>
						<textarea class="col-xs-12 bt-none" name="contact[body]" placeholder="Nội dung" required=""></textarea><br />
						<div class="checkbox ">
							<label><input type="checkbox" /> Đăng K&yacute; Nhận Th&ocirc;ng Tin Thường Nhật </label> <input class="pull-right " id="submit-contact" type="submit" value="GỬI" /></div>
					</form>
				</div>
			</div>
			<div class="col-xs-6 contact-text">
				<iframe frameborder="0" height="400" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=213+H%E1%BB%93+Xu%C3%A2n+H%C6%B0%C6%A1ng,+ph%C6%B0%E1%BB%9Dng+6,+Ho+Chi+Minh+City,+Vietnam&amp;aq=0&amp;oq=213+ho+xuan+huong+phuong&amp;sll=37.0625,-95.677068&amp;sspn=40.59616,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=H%E1%BB%93+Xu%C3%A2n+H%C6%B0%C6%A1ng,+6,+H%E1%BB%93+Ch%C3%AD+Minh,+Vietnam&amp;t=m&amp;z=14&amp;ll=10.77708,106.688098&amp;output=embed" width="320"></iframe><br />
				<h5>
					C&ocirc;ng ty Nhịp Đập Việt Nam</h5>
				<b>Địa chỉ</b>: 213 Hồ Xu&acirc;n Hương P.6 Q.3 Tp HCM<br />
				<b>HOT LINE</b>: 0905090009</div>
		</div>
	</div>
</div>
<script>
    $('#submit-contact').click(function(e){
   
//         $request.ajaxSubmit($(this).find('#contact-submit'), function(html) {
//                    // $('.booked-modal .modal-header').append(text);
//                    $('#contact-form').html(html).removeClass('ajax-loading-block');
//
//                });
if (!$('#contact-form')[0].checkValidity()) {
    
    return true;
}
     $('#contact-form').addClass('ajax-loading-block');
                  $.ajax({
                      url:$('#contact-form').attr('action'),
                      type:'POST',
                      data:$('#contact-form').serialize(),
                      dataType:'html',
                      success:function(html){
                          $('#contact-form').html(html).removeClass('ajax-loading-block');
                      }
                  });
    return false;
    });
$('.custom-nav li').click(function (e) {
  e.preventDefault();
  $(this).tab('show');
  $(this).siblings('li').removeClass('active');
  $(this).addClass('active');
  if( !navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
             $(".tab-pane").jScrollPane();
    }
  return false;
});
$height=$(window).height()-190;
$('.tab-pane').height($height);
 if( !navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
        $(document).ajaxComplete(function(){

             $(".tab-pane").jScrollPane();
         });
    }
</script>